<template>
  <div class="page flex-col">
    <div class="outer1 flex-col">
      <!-- <div class="box1 flex-col">
        <div class="group1 flex-row">
          <span class="txt1">9:20</span>
          <div class="outer2 flex-col"></div>
          <div class="outer3 flex-col"></div>
          <img
            class="icon1"
            referrerpolicy="no-referrer"
            src="https://lanhu.oss-cn-beijing.aliyuncs.com/SketchPngf3c0ad5515b1d52f726d576a49f077abc85b694a03c0c6ea1a9ca340ee019d03"
          />
        </div>
        <div class="group2 flex-row">
          <div class="layer1 flex-col"><div class="layer2 flex-col"></div></div>
          <span class="word1">工单列表</span>
          <img
            class="icon2"
            referrerpolicy="no-referrer"
            src="https://lanhu.oss-cn-beijing.aliyuncs.com/SketchPng158bb0c10a1e4517bbc2f34271e2052c29918ed0632d90e369bf2a6712e5494b"
          />
        </div>
      </div> -->
      <div class="box2 flex-col">
        <div class="box3 flex-row">
          <div class="section1 flex-col">
            <div class="layer3 flex-row">
              <img
                class="icon3"
                referrerpolicy="no-referrer"
                src="https://lanhu.oss-cn-beijing.aliyuncs.com/SketchPng9769c810a4c0e5a781858d4e6e95d805f4dcccc8f0e8c5051131c780acfaf1a7"
              />
              <span class="txt2">投保人姓名/工单号/保单号</span>
            </div>
          </div>
          <div class="section2 flex-col"><span class="txt3">筛选</span></div>
        </div>
      </div>
      <div class="box4 flex-col">
        <div class="block1 flex-row">
          <div class="outer4 flex-col">
            <div class="layer4 flex-col">
              <span class="info1">工单处理</span>
              <div class="bd1 flex-col"></div>
            </div>
          </div>
          <div class="outer5 flex-col"><span class="word2">历史工单</span></div>
        </div>
        <div class="block2 flex-col"></div>
      </div>
      <div class="box5 flex-col">
        <div class="group3 flex-col">
          <div class="bd2 flex-row">
            <div class="layer5 flex-col">
              <div class="wrap1 flex-row">
                <span class="word3">待处理(单）</span>
                <span class="txt4">1</span>
              </div>
            </div>
            <div class="layer6 flex-col"></div>
            <div class="layer7 flex-col"></div>
            <div class="layer8 flex-col"></div>
            <div class="layer9 flex-col">
              <div class="section3 flex-row">
                <span class="word4">处理中(单）</span>
                <span class="word5">2</span>
              </div>
            </div>
          </div>
        </div>
      </div>
      <div class="box6 flex-col">
        <div class="mod1 flex-col">
          <div
            class="group4-0 flex-col"
            v-for="(item, index) in loopData0"
            :key="index"
          >
            <div class="layer10-0 flex-row">
              <span class="info2-0" v-html="item.lanhutext0"></span>
              <span
                class="word6-0"
                :style="{ color: item.lanhufontColor1 }"
                v-html="item.lanhutext1"
              ></span>
            </div>
          </div>
        </div>
        <div class="mod2 flex-col"></div>
        <div class="mod3 flex-col">
          <div class="wrap2 flex-row">
            <span class="txt5">Z202007161426430000001</span>
            <div class="main1 flex-col">
              <img
                class="icon4"
                referrerpolicy="no-referrer"
                src="https://lanhu.oss-cn-beijing.aliyuncs.com/SketchPng00c455da351d7adc55eaf440063acbe9a2d902d61e95f6593287ca86865376a1"
              />
            </div>
            <span class="info3">待处理</span>
          </div>
          <span class="word7">急</span>
        </div>
        <div class="mod4 flex-col">
          <div class="section4 flex-col">
            <div class="mod5 flex-row">
              <span class="info4">下发原因</span>
              <span class="info5">续期问题件</span>
              <div class="group5 flex-col"></div>
              <span class="info6">实收回退</span>
            </div>
          </div>
        </div>
        <img
          class="pic1"
          referrerpolicy="no-referrer"
          src="https://lanhu.oss-cn-beijing.aliyuncs.com/SketchPng8a95bcc94db5a854e8473c401306bbc82e14e2ae74388a11af9ccf6cd97b0be4"
        />
      </div>
      <div class="box7 flex-col">
        <div
          class="outer6-0 flex-col"
          v-for="(item, index) in loopData1"
          :key="index"
        >
          <div class="layer11-0 flex-col"></div>
          <div class="layer12-0 flex-col">
            <div class="box8-0 flex-row">
              <span class="txt6-0" v-html="item.lanhutext0"></span>
              <span class="word8-0" v-html="item.lanhutext1"></span>
            </div>
          </div>
          <div class="layer13-0 flex-col">
            <div class="main2-0 flex-col">
              <div class="bd3-0 flex-row">
                <span class="info7-0" v-html="item.lanhutext2"></span>
                <span class="word9-0" v-html="item.lanhutext3"></span>
                <div class="outer7-0 flex-col"></div>
                <span class="word10-0" v-html="item.lanhutext4"></span>
              </div>
            </div>
          </div>
          <img
            class="img1-0"
            referrerpolicy="no-referrer"
            :src="item.lanhuimage0"
          />
          <div class="layer14-0 flex-col">
            <div class="section5-0 flex-row">
              <span class="txt7-0" v-html="item.lanhutext5"></span>
              <span class="word11-0" v-html="item.lanhutext6"></span>
            </div>
          </div>
          <div class="layer15-0 flex-col">
            <div class="wrap3-0 flex-row">
              <span class="info8-0" v-html="item.lanhutext7"></span>
              <span class="word12-0" v-html="item.lanhutext8"></span>
            </div>
          </div>
          <div class="layer16-0 flex-col">
            <div class="box9-0 flex-row">
              <span class="txt8-0" v-html="item.lanhutext9"></span>
              <span class="info9-0" v-html="item.lanhutext10"></span>
            </div>
          </div>
          <div class="layer17-0 flex-col">
            <div class="main3-0 flex-row">
              <span class="txt9-0" v-html="item.lanhutext11"></span>
              <span
                class="word13-0"
                :style="{ color: item.lanhufontColor12 }"
                v-html="item.lanhutext12"
              ></span>
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>
</template>
<script>
export default {
  data() {
    return {
      loopData0: [
        {
          lanhutext0: '投保人',
          lanhutext1: '上官浩然',
          lanhufontColor1: 'rgba(22,38,65,1)'
        },
        {
          lanhutext0: '创建时间',
          lanhutext1: '2019.10.20',
          lanhufontColor1: 'rgba(22,38,65,1)'
        },
        {
          lanhutext0: '催办次数',
          lanhutext1: '0次',
          lanhufontColor1: 'rgba(22,38,65,1)'
        },
        {
          lanhutext0: '时效状态',
          lanhutext1: '已逾期',
          lanhufontColor1: 'rgba(243,60,42,1)'
        }
      ],
      loopData1: [
        {
          lanhutext0: 'Z202007161426430000001',
          lanhutext1: '处理中',
          lanhutext2: '下发原因',
          lanhutext3: '续期问题件',
          lanhutext4: '实收回退',
          lanhuimage0:
            'https://lanhu.oss-cn-beijing.aliyuncs.com/SketchPng8a95bcc94db5a854e8473c401306bbc82e14e2ae74388a11af9ccf6cd97b0be4',
          lanhutext5: '投保人',
          lanhutext6: '上官浩然',
          lanhutext7: '创建时间',
          lanhutext8: '2019.10.20',
          lanhutext9: '催办次数',
          lanhutext10: '0次',
          lanhutext11: '时效状态',
          lanhutext12: '逾期风险',
          lanhufontColor12: 'rgba(243,60,42,1)'
        },
        {
          lanhutext0: 'Z202007161426430000001',
          lanhutext1: '处理中',
          lanhutext2: '下发原因',
          lanhutext3: '续期问题件',
          lanhutext4: '实收回退',
          lanhuimage0:
            'https://lanhu.oss-cn-beijing.aliyuncs.com/SketchPng8a95bcc94db5a854e8473c401306bbc82e14e2ae74388a11af9ccf6cd97b0be4',
          lanhutext5: '投保人',
          lanhutext6: '上官浩然',
          lanhutext7: '创建时间',
          lanhutext8: '2019.10.20',
          lanhutext9: '催办次数',
          lanhutext10: '0次',
          lanhutext11: '时效状态',
          lanhutext12: '正常',
          lanhufontColor12: 'rgba(22,38,65,1)'
        }
      ],
      constants: {}
    };
  },
  methods: {}
};
</script>
<style lang="less" scoped>
body * {
  box-sizing: border-box;
  flex-shrink: 0;
}
body {
  font-family: PingFangSC-Regular, Roboto, Helvetica Neue, Helvetica, Tahoma,
    Arial, PingFang SC-Light, Microsoft YaHei;
}
button {
  margin: 0;
  padding: 0;
  border: 1px solid transparent;
  outline: none;
  background-color: transparent;
}

button:active {
  opacity: 0.6;
}
.flex-col {
  display: flex;
  flex-direction: column;
}
.flex-row {
  display: flex;
  flex-direction: row;
}
.page {
  z-index: 1;
  position: relative;
  width: 750px;
  height: 1738px;
  background-color: rgba(247, 246, 248, 1);
  overflow: hidden;
  justify-content: flex-start;
  padding-top: 0;
  .outer1 {
    z-index: auto;
    width: 750px;
    height: 1699px;
    .box1 {
      z-index: 175;
      height: 128px;
      background-color: rgba(239, 239, 239, 1);
      width: 750px;
      .group1 {
        z-index: auto;
        width: 679px;
        height: 42px;
        margin: 12px 0 0 42px;
        .txt1 {
          z-index: 190;
          width: 108px;
          display: block;
          overflow-wrap: break-word;
          color: rgba(0, 0, 0, 1);
          font-size: 30px;
          letter-spacing: -0.6000000238418579px;
          font-family: PingFangSC-Semibold;
          line-height: 42px;
          text-align: left;
        }
        .outer2 {
          z-index: 184;
          width: 34px;
          height: 22px;
          background: url(https://lanhu.oss-cn-beijing.aliyuncs.com/SketchPngb2768bec9285e8326523af475c843d8f21f0501dcdf9ae1d41d95e8bca968954)
            0px 0px no-repeat;
          margin: 8px 0 0 438px;
        }
        .outer3 {
          z-index: 180;
          width: 31px;
          height: 22px;
          background: url(https://lanhu.oss-cn-beijing.aliyuncs.com/SketchPng4c0fec7228ecde51c8bbe8dc97513161937a4fa49c74e9c9d0eeaf5c29a3effc)
            0px -1px no-repeat;
          margin: 7px 0 0 10px;
        }
        .icon1 {
          z-index: 176;
          width: 49px;
          height: 24px;
          margin: 6px 0 0 9px;
        }
      }
      .group2 {
        z-index: auto;
        width: 690px;
        height: 50px;
        margin: 12px 0 0 20px;
        .layer1 {
          z-index: 197;
          height: 45px;
          background-color: rgba(237, 237, 237, 1);
          margin-top: 5px;
          width: 64px;
          justify-content: flex-start;
          align-items: flex-end;
          padding: 1px 20px 0 0;
          .layer2 {
            z-index: 198;
            width: 17px;
            height: 31px;
            background: url(https://lanhu.oss-cn-beijing.aliyuncs.com/SketchPngbef8f09c0ad7a2b4f03e89875f97ed94376d4df0aa68914ec1f1a5f499f170b4)
              100% no-repeat;
          }
        }
        .word1 {
          z-index: 192;
          width: 128px;
          display: block;
          overflow-wrap: break-word;
          color: rgba(0, 0, 0, 1);
          font-size: 32px;
          font-family: PingFangSC-Medium;
          line-height: 45px;
          text-align: center;
          margin-left: 227px;
        }
        .icon2 {
          z-index: 193;
          width: 34px;
          height: 8px;
          margin: 20px 0 0 237px;
        }
      }
    }
    .box2 {
      z-index: 229;
      height: 132px;
      background-color: rgba(255, 255, 255, 1);
      width: 750px;
      justify-content: center;
      align-items: center;
      .box3 {
        z-index: auto;
        width: 670px;
        height: 72px;
        justify-content: space-between;
        .section1 {
          z-index: 232;
          height: 72px;
          border-radius: 6px;
          border: 2px solid rgba(190, 194, 204, 1);
          background-color: rgba(255, 255, 255, 1);
          width: 590px;
          justify-content: center;
          align-items: flex-start;
          padding-left: 25px;
          .layer3 {
            z-index: auto;
            width: 519px;
            height: 40px;
            justify-content: space-between;
            .icon3 {
              z-index: 235;
              width: 34px;
              height: 34px;
              margin-top: 3px;
            }
            .txt2 {
              z-index: 234;
              width: 460px;
              display: block;
              overflow-wrap: break-word;
              color: rgba(190, 194, 204, 1);
              font-size: 28px;
              line-height: 40px;
            }
          }
        }
        .section2 {
          z-index: 240;
          height: 60px;
          margin-top: 6px;
          width: 60px;
          justify-content: center;
          .txt3 {
            z-index: 241;
            width: 60px;
            display: block;
            overflow-wrap: break-word;
            color: rgba(22, 38, 65, 1);
            font-size: 28px;
            line-height: 40px;
            text-align: center;
          }
        }
      }
    }
    .box4 {
      z-index: 202;
      height: 78px;
      background-color: rgba(255, 255, 255, 1);
      width: 750px;
      position: relative;
      .block1 {
        z-index: auto;
        width: 750px;
        height: 78px;
        justify-content: space-between;
        .outer4 {
          z-index: 204;
          height: 78px;
          width: 375px;
          justify-content: flex-end;
          .layer4 {
            z-index: auto;
            width: 375px;
            height: 60px;
            .info1 {
              z-index: 206;
              width: 375px;
              display: block;
              overflow-wrap: break-word;
              color: rgba(22, 38, 65, 1);
              font-size: 30px;
              font-family: PingFangSC-Semibold;
              line-height: 42px;
              text-align: center;
            }
            .bd1 {
              z-index: 205;
              width: 60px;
              height: 4px;
              background-color: rgba(243, 60, 42, 1);
              align-self: center;
              margin-top: 14px;
            }
          }
        }
        .outer5 {
          z-index: 208;
          height: 60px;
          width: 375px;
          justify-content: flex-end;
          .word2 {
            z-index: 209;
            width: 375px;
            display: block;
            overflow-wrap: break-word;
            color: rgba(22, 38, 65, 1);
            font-size: 30px;
            line-height: 42px;
            text-align: center;
          }
        }
      }
      .block2 {
        z-index: 211;
        position: absolute;
        left: 0;
        top: 77px;
        width: 750px;
        height: 1px;
        background-color: rgba(240, 240, 240, 1);
      }
    }
    .box5 {
      z-index: 213;
      height: 92px;
      width: 750px;
      justify-content: flex-end;
      padding-bottom: 20px;
      align-items: center;
      .group3 {
        z-index: 216;
        height: 40px;
        width: 670px;
        align-items: center;
        .bd2 {
          z-index: auto;
          width: 355px;
          height: 40px;
          justify-content: space-between;
          .layer5 {
            z-index: 219;
            height: 40px;
            width: 147px;
            align-items: flex-start;
            .wrap1 {
              z-index: auto;
              width: 142px;
              height: 40px;
              justify-content: space-between;
              .word3 {
                z-index: 220;
                width: 128px;
                display: block;
                overflow-wrap: break-word;
                color: rgba(114, 125, 139, 1);
                font-size: 24px;
                line-height: 40px;
                text-align: left;
              }
              .txt4 {
                z-index: 221;
                width: 10px;
                display: block;
                overflow-wrap: break-word;
                color: rgba(114, 125, 139, 1);
                font-size: 24px;
                line-height: 40px;
                text-align: left;
              }
            }
          }
          .layer6 {
            z-index: 222;
            width: 30px;
            height: 40px;
            background-color: rgba(216, 216, 216, 0);
          }
          .layer7 {
            z-index: 217;
            width: 1px;
            height: 24px;
            background-color: rgba(190, 194, 204, 1);
            margin-top: 8px;
          }
          .layer8 {
            z-index: 223;
            width: 30px;
            height: 40px;
            background-color: rgba(216, 216, 216, 0);
          }
          .layer9 {
            z-index: 225;
            height: 40px;
            width: 147px;
            .section3 {
              z-index: auto;
              width: 147px;
              height: 40px;
              justify-content: space-between;
              .word4 {
                z-index: 226;
                width: 128px;
                display: block;
                overflow-wrap: break-word;
                color: rgba(114, 125, 139, 1);
                font-size: 24px;
                line-height: 40px;
                text-align: left;
              }
              .word5 {
                z-index: 227;
                width: 15px;
                display: block;
                overflow-wrap: break-word;
                color: rgba(114, 125, 139, 1);
                font-size: 24px;
                line-height: 40px;
                text-align: left;
              }
            }
          }
        }
      }
    }
    .box6 {
      z-index: 3;
      height: 410px;
      border-radius: 10px;
      overflow: hidden;
      background: url(https://lanhu.oss-cn-beijing.aliyuncs.com/SketchPngb9983d72e98c4800ac35d5e655040f3cca9eb641324be387f0131b9c19541292)
        100% no-repeat;
      align-self: center;
      width: 690px;
      justify-content: flex-end;
      padding-bottom: 31px;
      position: relative;
      .mod1 {
        z-index: auto;
        width: 690px;
        height: 215px;
        .group4-0 {
          z-index: 33;
          height: 54px;
          background: url(https://lanhu.oss-cn-beijing.aliyuncs.com/SketchPngb5a14c2691fea5dda562502bc571fdfeec5ed4c17d65f1460a0a13ea7917d537)
            100% no-repeat;
          width: 690px;
          justify-content: center;
          align-items: center;
          .layer10-0 {
            z-index: auto;
            width: 630px;
            height: 38px;
            justify-content: space-between;
            .info2-0 {
              z-index: 36;
              width: 128px;
              display: block;
              overflow-wrap: break-word;
              color: rgba(114, 125, 139, 1);
              font-size: 28px;
              line-height: 38px;
              text-align: left;
            }
            .word6-0 {
              z-index: 38;
              width: 378px;
              display: block;
              overflow-wrap: break-word;
              font-size: 28px;
              line-height: 38px;
              text-align: right;
            }
          }
        }
      }
      .mod2 {
        z-index: 4;
        position: absolute;
        left: 0;
        top: 0;
        width: 690px;
        height: 30px;
      }
      .mod3 {
        z-index: 6;
        height: 54px;
        background: url(https://lanhu.oss-cn-beijing.aliyuncs.com/SketchPngb5a14c2691fea5dda562502bc571fdfeec5ed4c17d65f1460a0a13ea7917d537)
          100% no-repeat;
        width: 690px;
        justify-content: center;
        align-items: flex-end;
        padding-right: 22px;
        position: absolute;
        left: 0;
        top: 30px;
        .wrap2 {
          z-index: auto;
          width: 638px;
          height: 39px;
          .txt5 {
            z-index: 11;
            width: 408px;
            display: block;
            overflow-wrap: break-word;
            color: rgba(22, 38, 65, 1);
            font-size: 32px;
            font-family: PingFangSC-Medium;
            line-height: 38px;
            text-align: left;
          }
          .main1 {
            z-index: 16;
            height: 32px;
            border-radius: 16px 16px 16px 0;
            background-color: rgba(243, 60, 42, 1);
            width: 64px;
            justify-content: center;
            align-items: flex-start;
            padding-left: 13px;
            margin: 3px 0 0 4px;
            .icon4 {
              z-index: 18;
              width: 11px;
              height: 20px;
            }
          }
          .info3 {
            z-index: 9;
            width: 84px;
            display: block;
            overflow-wrap: break-word;
            color: rgba(114, 125, 139, 1);
            font-size: 28px;
            line-height: 38px;
            text-align: right;
            margin: 1px 0 0 78px;
          }
        }
        .word7 {
          z-index: 17;
          position: absolute;
          left: 470px;
          top: 11px;
          width: 24px;
          display: block;
          overflow-wrap: break-word;
          color: rgba(255, 255, 255, 1);
          font-size: 24px;
          line-height: 30px;
          text-align: center;
        }
      }
      .mod4 {
        z-index: 21;
        height: 54px;
        background: url(https://lanhu.oss-cn-beijing.aliyuncs.com/SketchPngb5a14c2691fea5dda562502bc571fdfeec5ed4c17d65f1460a0a13ea7917d537)
          100% no-repeat;
        width: 690px;
        justify-content: flex-start;
        align-items: center;
        position: absolute;
        left: 0;
        top: 84px;
        .section4 {
          z-index: 24;
          height: 38px;
          background-color: rgba(216, 216, 216, 0);
          width: 630px;
          align-items: flex-start;
          .mod5 {
            z-index: auto;
            width: 391px;
            height: 38px;
            .info4 {
              z-index: 26;
              width: 108px;
              display: block;
              overflow-wrap: break-word;
              color: rgba(114, 125, 139, 1);
              font-size: 26px;
              line-height: 38px;
              text-align: left;
            }
            .info5 {
              z-index: 28;
              width: 130px;
              display: block;
              overflow-wrap: break-word;
              color: rgba(114, 125, 139, 1);
              font-size: 26px;
              line-height: 38px;
              text-align: left;
              margin-left: 20px;
            }
            .group5 {
              z-index: 31;
              width: 5px;
              height: 5px;
              background-color: rgba(114, 125, 139, 1);
              border-radius: 50%;
              margin: 17px 0 0 10px;
            }
            .info6 {
              z-index: 30;
              width: 108px;
              display: block;
              overflow-wrap: break-word;
              color: rgba(114, 125, 139, 1);
              font-size: 26px;
              line-height: 38px;
              text-align: left;
              margin-left: 10px;
            }
          }
        }
      }
      .pic1 {
        z-index: 60;
        position: absolute;
        left: 0;
        top: 144px;
        width: 690px;
        height: 20px;
      }
    }
    .box7 {
      z-index: auto;
      width: 690px;
      height: 839px;
      margin: 20px 0 0 30px;
      .outer6-0 {
        z-index: 65;
        position: relative;
        width: 690px;
        height: 410px;
        border-radius: 10px;
        overflow: hidden;
        background: url(https://lanhu.oss-cn-beijing.aliyuncs.com/SketchPngb9983d72e98c4800ac35d5e655040f3cca9eb641324be387f0131b9c19541292)
          100% no-repeat;
        margin-bottom: 20px;
        .layer11-0 {
          z-index: 66;
          position: absolute;
          left: 0;
          top: 0;
          width: 690px;
          height: 30px;
        }
        .layer12-0 {
          z-index: 68;
          height: 54px;
          background: url(https://lanhu.oss-cn-beijing.aliyuncs.com/SketchPngb5a14c2691fea5dda562502bc571fdfeec5ed4c17d65f1460a0a13ea7917d537)
            100% no-repeat;
          width: 690px;
          justify-content: center;
          align-items: center;
          position: absolute;
          left: 0;
          top: 30px;
          .box8-0 {
            z-index: auto;
            width: 630px;
            height: 38px;
            justify-content: space-between;
            .txt6-0 {
              z-index: 73;
              width: 408px;
              display: block;
              overflow-wrap: break-word;
              color: rgba(22, 38, 65, 1);
              font-size: 32px;
              font-family: PingFangSC-Medium;
              line-height: 38px;
              text-align: left;
            }
            .word8-0 {
              z-index: 71;
              width: 84px;
              display: block;
              overflow-wrap: break-word;
              color: rgba(114, 125, 139, 1);
              font-size: 28px;
              line-height: 38px;
              text-align: right;
            }
          }
        }
        .layer13-0 {
          z-index: 75;
          height: 54px;
          background: url(https://lanhu.oss-cn-beijing.aliyuncs.com/SketchPngb5a14c2691fea5dda562502bc571fdfeec5ed4c17d65f1460a0a13ea7917d537)
            100% no-repeat;
          width: 690px;
          justify-content: flex-start;
          align-items: center;
          position: absolute;
          left: 0;
          top: 84px;
          .main2-0 {
            z-index: 78;
            height: 38px;
            background-color: rgba(216, 216, 216, 0);
            width: 630px;
            align-items: flex-start;
            .bd3-0 {
              z-index: auto;
              width: 391px;
              height: 38px;
              .info7-0 {
                z-index: 80;
                width: 108px;
                display: block;
                overflow-wrap: break-word;
                color: rgba(114, 125, 139, 1);
                font-size: 26px;
                line-height: 38px;
                text-align: left;
              }
              .word9-0 {
                z-index: 82;
                width: 130px;
                display: block;
                overflow-wrap: break-word;
                color: rgba(114, 125, 139, 1);
                font-size: 26px;
                line-height: 38px;
                text-align: left;
                margin-left: 20px;
              }
              .outer7-0 {
                z-index: 85;
                width: 5px;
                height: 5px;
                background-color: rgba(114, 125, 139, 1);
                border-radius: 50%;
                margin: 17px 0 0 10px;
              }
              .word10-0 {
                z-index: 84;
                width: 108px;
                display: block;
                overflow-wrap: break-word;
                color: rgba(114, 125, 139, 1);
                font-size: 26px;
                line-height: 38px;
                text-align: left;
                margin-left: 10px;
              }
            }
          }
        }
        .img1-0 {
          z-index: 114;
          position: absolute;
          left: 0;
          top: 144px;
          width: 690px;
          height: 20px;
        }
        .layer14-0 {
          z-index: 87;
          height: 54px;
          background: url(https://lanhu.oss-cn-beijing.aliyuncs.com/SketchPngb5a14c2691fea5dda562502bc571fdfeec5ed4c17d65f1460a0a13ea7917d537)
            100% no-repeat;
          width: 690px;
          justify-content: center;
          align-items: center;
          position: absolute;
          left: 0;
          top: 164px;
          .section5-0 {
            z-index: auto;
            width: 630px;
            height: 38px;
            justify-content: space-between;
            .txt7-0 {
              z-index: 90;
              width: 128px;
              display: block;
              overflow-wrap: break-word;
              color: rgba(114, 125, 139, 1);
              font-size: 28px;
              line-height: 38px;
              text-align: left;
            }
            .word11-0 {
              z-index: 92;
              width: 378px;
              display: block;
              overflow-wrap: break-word;
              color: rgba(22, 38, 65, 1);
              font-size: 28px;
              line-height: 38px;
              text-align: right;
            }
          }
        }
        .layer15-0 {
          z-index: 94;
          height: 54px;
          background: url(https://lanhu.oss-cn-beijing.aliyuncs.com/SketchPngb5a14c2691fea5dda562502bc571fdfeec5ed4c17d65f1460a0a13ea7917d537)
            100% no-repeat;
          width: 690px;
          justify-content: center;
          align-items: center;
          position: absolute;
          left: 0;
          top: 218px;
          .wrap3-0 {
            z-index: auto;
            width: 630px;
            height: 38px;
            justify-content: space-between;
            .info8-0 {
              z-index: 97;
              width: 128px;
              display: block;
              overflow-wrap: break-word;
              color: rgba(114, 125, 139, 1);
              font-size: 28px;
              line-height: 38px;
              text-align: left;
            }
            .word12-0 {
              z-index: 99;
              width: 378px;
              display: block;
              overflow-wrap: break-word;
              color: rgba(22, 38, 65, 1);
              font-size: 28px;
              line-height: 38px;
              text-align: right;
            }
          }
        }
        .layer16-0 {
          z-index: 101;
          height: 54px;
          background: url(https://lanhu.oss-cn-beijing.aliyuncs.com/SketchPngb5a14c2691fea5dda562502bc571fdfeec5ed4c17d65f1460a0a13ea7917d537)
            100% no-repeat;
          width: 690px;
          justify-content: center;
          align-items: center;
          position: absolute;
          left: 0;
          top: 272px;
          .box9-0 {
            z-index: auto;
            width: 630px;
            height: 38px;
            justify-content: space-between;
            .txt8-0 {
              z-index: 104;
              width: 128px;
              display: block;
              overflow-wrap: break-word;
              color: rgba(114, 125, 139, 1);
              font-size: 28px;
              line-height: 38px;
              text-align: left;
            }
            .info9-0 {
              z-index: 106;
              width: 378px;
              display: block;
              overflow-wrap: break-word;
              color: rgba(22, 38, 65, 1);
              font-size: 28px;
              line-height: 38px;
              text-align: right;
            }
          }
        }
        .layer17-0 {
          z-index: 108;
          height: 54px;
          background: url(https://lanhu.oss-cn-beijing.aliyuncs.com/SketchPngb5a14c2691fea5dda562502bc571fdfeec5ed4c17d65f1460a0a13ea7917d537)
            100% no-repeat;
          width: 690px;
          justify-content: center;
          align-items: center;
          position: absolute;
          left: 0;
          top: 326px;
          .main3-0 {
            z-index: auto;
            width: 630px;
            height: 38px;
            justify-content: space-between;
            .txt9-0 {
              z-index: 111;
              width: 128px;
              display: block;
              overflow-wrap: break-word;
              color: rgba(114, 125, 139, 1);
              font-size: 28px;
              line-height: 38px;
              text-align: left;
            }
            .word13-0 {
              z-index: 113;
              width: 378px;
              display: block;
              overflow-wrap: break-word;
              font-size: 28px;
              line-height: 38px;
              text-align: right;
            }
          }
        }
      }
    }
  }
}

</style>
